body {width:100%;-webkit-font-26oothing:antialiased;-moz-osx-font-26oothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font: 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;color:#333}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,pre,span,strong,form,iframe,label,button,input,textarea,table,tr,th,td,fieldset,i {margin:0;padding:0;text-align:left;}
dl,dd,ol,ul,li {list-style:none;}
i {display:inline-block;font-style:normal;font-weight:normal;text-align:center;vertical-align:middle}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300}
img {border:0;vertical-align:middle}
a img,img {-ms-interpolation-mode:bicubic;text-decoration:none}
a,a:link,a:visited {color:#333;cursor:pointer;text-decoration:none}
a:hover,a:active {text-decoration:none;color: #004ea2;}
a.ie6:hover {zoom:1}
.paddingTop{ padding-top: 93px;}
.noPaddingTop{ padding-top: 0!important;}
.text-red{ color: #e7352d!important;}
.text-blue{ color: #004ea2!important;}
.text-white{color: #fff!important;}
.text-green{color: #00a65a!important;}
.text-yellow {color: #f39c12 !important;}
.text-link {color: #38a0f4 !important;}
.btn-blue{ background-color: #004ea2; color: #fff!important; border-color:#004ea2  }
.select{color:#333;height: 3em;width: 100%;border-color: #002147;background-color: #fff;background-image: url('../../images/down.png');background-size: 2.5rem;background-position: calc(100% - .75em) center;background-repeat: no-repeat;    appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input ::-webkit-input-placeholder{ font-weight: normal;}    /* 使用webkit内核的浏览器 */
input:-moz-placeholder{font-weight: normal;}                  /* Firefox版本4-18 */
input::-moz-placeholder{font-weight: normal; }                  /* Firefox版本19+ */
input:-ms-input-placeholder{font-weight: normal;}           /* IE浏览器 */
.btn-red{ background-color: #e7352d; color: #fff!important; border-color:#e7352d  }
.max-line-1 {display:-webkit-box;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.max-line-2 {display:-webkit-box;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.max-line-3 {display:-webkit-box;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

.login-box{position: relative;color: #646464; font-size: 14px; width: auto; display: flex; align-items: center; justify-content: flex-end}
.login-box .not-login a{ color: #333;display: inline-block;vertical-align: bottom; }
.login-box .not-login span{ display: inline-block; vertical-align: bottom;margin: 0 8px; color: #999;}
.login-box .icon{ display: inline-block; vertical-align: middle;}
.headerNav .login-box .not-login a,.headerNav .login-box .already-login a{ color: #333;}
.headerNav{ margin-bottom: 0; width: 100%;border-radius: 0;border-bottom:1px #f5f5f5 solid; float: left; background: #fff;display: flex; align-items: center;z-index: 999;}
.headerNav .container{ display: flex; box-sizing: border-box; align-items: center; justify-content: space-between; flex-direction: row}
.headerNav .navbar-header{ width:21%; padding-bottom: 10px;}
.headerNav .logo{padding: 0; float: left; margin-top: 5px;}
.headerNav .logo img{width: 85%}
.headerNav .navbar-nav a{padding:35px 15px;transition: all .5s; float: left; display: flex; flex-direction: row; color: #333;white-space: nowrap;font-weight: 400;font-size: 1.05em;}
.headerNav .navbar-toggle{ border:0; float: right}
.headerNav .navbar-toggle:focus,.headerNav .navbar-toggle:hover {  background:#fff;  color: #004ea2  }
.headerNav .navbar-toggle .icon-bar {height:1px;  margin-top:6px;background-color:#333}
.headerNav .navbar-nav>li>a:hover,.headerNav .navbar-nav li a.active{background: #fff; cursor: pointer;  color: #004ea2 !important;}
.headerNav .navbar-nav>li.active a{ color: #004ea2;opacity: 1; background:#fff;}
.headerNav .collapse{ padding: 0; margin:0 auto;}
.headerNav .navbar-nav li.open .dropdown-toggle{ color:#004ea2;  background: #fff;}
.headerNav .navbar-nav li a:after {transition: all 0.3s;opacity: 1;content: "";position: absolute;height: 3px;width: 0;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #004ea2;}
.headerNav .navbar-nav>li>a:hover:after,.headerNav .navbar-nav li a.active:after,.headerNav .navbar-nav>li.active a:after  {  opacity: 1;width: 100%;}

.headerNav .navbar-nav li .dropdown-menu{ width: 100%;text-align: left; margin: 0; padding: 0px 0; overflow: visible; border: none; border-radius: inherit; background:#fff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.5);}
.headerNav .navbar-nav li .dropdown-menu .relative{ float: left; width: 100%;}
.headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; width:100%; float: left;}
.headerNav .navbar-nav li .dropdown-menu li{ text-align: left; float: left; display: inline-block;position: relative; width:100%;}
.headerNav .navbar-nav li .dropdown-menu li a{ display: inline-block;font-weight: normal; padding: 13px 15px; width: 100%; color: #303336;}
.headerNav .navbar-nav li .dropdown-menu li a:hover{background: #004ea2; color: #fff; width:100%;}
.headerNav .navbar-nav li .dropdown-menu li a:after{display: none;}
.headerNav .navbar-nav li .class-category .dropdown-toggle{ color: #333;}
.headerNav .navbar-nav li .class-category .open .dropdown-toggle{background: #f1f1f1;}
.headerNav .navbar-nav li .class-category .dropdown-menu{ left: auto; right: -100%; top: 0;}
.headerNav .navbar-nav li .class-category .dropdown-menu li a{ padding: 8px 15px;}

.search-form{ text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 0px 0 15px;   }
.search-form .form-control{box-sizing: border-box;border: 1px solid #004ea2;height: 30px;line-height: 30px;vertical-align: top;padding: 0 10px;font-size: 14px;width: 100%;outline: none;background: #fff;
    border-radius: 5px 0px 0px 5px; width: 120px;}
.search-form .btn-search{ color: #fff;
    border-radius: 0 5px 5px 0px; font-size: 18px; font-weight: 600; background: #004ea2; border-color: #004ea2;height: 30px;padding:0 15px;}
.login-box .already-login{display: inline-block;}
.login-box .already-login .img{ float: left;margin-right: 5px;}
.login-box .already-login .img .img-circle{width: 2rem;height: 2rem;}

.home-slide,.slideContent{ width: 100%; float: left;}
.home-slide .swiper-slide{ width: 100%; display: inline-block;}
.home-slide .swiper-slide img{ width: 100%;object-fit:cover; display: block; max-height: 600px; }
.home-slide .swiper-pagination-white .swiper-pagination-bullet-active{background: #e60012;}
.title-box{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 3%;}
.title-box .h2 {text-align: center;color: #333;}
.title-box .text {color: #999;max-width: 60%;word-break: break-all;text-align: center;}
.title-box .text ul{ display: inline-block; width: 100%; text-align: center;}
.title-box .text ul li{ display: inline-block;}
.title-box .text ul li a{color: #999; margin: 0 5px;}
.title-box .text ul li a:hover{color: #004ea2;}

.box-module{ width: 100%; display: inline-block; padding: 3% 0;}
.box-module .box-content-list{ width: 100%; display: inline-block}
.box-module .box-content-list li{ display: inline-block; margin-bottom: 20px;}
.box-module .box-content-list li a{  display: flex; flex-direction: column;  align-items: center; justify-content: center;   background: #f9f9f9;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out;
}
.box-module .box-content-list li a:hover,
.box-module .box-content-list li.active a{transform: translate(0,-10px);-webkit-transform: translate(0,-10px);-moz-transform: translate(0,-10px);-o-transform: translate(0,-10px);-ms-transform: translate(0,-10px);
    box-shadow: 0 0 15px #7f7b7b;
    -webkit-box-shadow: 0 0 15px #7f7b7b;
    -moz-box-shadow: 0 0 15px #7f7b7b
}
.box-module .box-content-list li .img-box{ width: 100%; display: inline-block;height: 250px;overflow: hidden; background-size: cover;background-repeat: no-repeat;background-position: center;}
.box-module .box-content-list li .img-box img{width: 100%; height: 230px;}
.box-module .box-content-list li .title{ color: #333;font-weight: 600;margin-top: 15px;}
.box-module .box-content-list li .title_en{ color: #999; font-size: 14px;}
.box-module .box-content-list li .desc{ margin: 10px auto; max-width: 80%; word-break: break-all;color: #666; font-size: 14px;}
.box-module .box-content-list li .btn-box{  background: #004ea2;border-color: #004ea2;width: 200px;height: 40px;border-radius:50px;color: #fff;font-size: 16px;text-align: center;line-height: 40px; margin-bottom: 25px;}
.box-module .box-content-list li a:hover .title,.box-module .box-content-list li.active .title{ color: #e60012;}
.box-module .box-content-list li a:hover .btn-box,.box-module .box-content-list li.active .btn-box{background: #e60012;border-color: #e60012;}
.box-module .box-content-list li .max-line-2{line-height: 25px; height: 50px;}
.box-module .team-box li .title{ margin-top: 15px;}
.box-module .box-content-list .lx-project li .img-box{background-size: contain;background-position: top;height: 200px;}
.box-module .box-content-list .lx-project li .title{padding-bottom: 15px;}
.paddingNoTop{ padding-top: 0;}
.footer{background: #333; width: 100%; display: inline-block; padding: 3% 0 3% 0; text-align: center}
.footer-copyright{ width: 100%; background: #222; color: #fff; padding: 15px 0 10px 0; font-size: 14px; text-align: center}
.footer-copyright a{ color: #fff;}
.footer .link-box,.footer .link-box dl{ width: auto; display: inline-block; font-size: 14px;}
.footer .link-box a{color:#999}
.footer .link-box dl dt{ float: left; margin-top: 0px;color: #fff;}
.footer .link-box dl dd{ float: left; margin:0 15px 15px 0;}
.footer-container{ width: auto;}
.footer .foot-nav{ margin: 0 auto; text-align: right; font-size: 14px;}
.footer .foot-nav ul{width: auto;margin: 0 auto;text-align: center;}
.footer .foot-nav ul li{ display: inline-block;margin-bottom: 10px;color: #999;}
.footer .foot-nav ul li a{ color: #999;}
.footer .foot-nav ul li a:hover{color: #fff;}
.footer .foot-nav ul li:after{content: "|"; margin: 0 5px;}
.footer .foot-nav ul li:last-child:after{display: none;}
.footer .qr-code{ width: 160px; text-align: center; margin-right: 15px;}
.footer .qr-code img{ width: 100%;}
.foot-nav .footer-left {position: relative;z-index: 2; margin-top: 15px; display: flex; justify-content: center;}
.foot-nav .footer-left .phone,
.foot-nav .footer-left .email,
.foot-nav .footer-left .location {color: #DDC792;padding-left: 26px;position: relative;}
.foot-nav .footer-left .phone::after,
.foot-nav .footer-left .email::after,
.foot-nav .footer-left .location::after {content: '';position: absolute;left: 0;top: 2px;width: 16px;height: 16px;background-repeat: no-repeat;background-position: 50%;}
.foot-nav .footer-left .phone,
.foot-nav .footer-left .email,
.foot-nav .footer-left .foot {float: left;margin: 0 0px 15px 0; width: 100%; text-align: left}
.foot-nav .footer-left .phone::after {
    background-image: url("../../images/style.longbei.png");  background-position: -20px -80px;;
}
.foot-nav .footer-left .email::after {
    background-image: url("../../images/style.longbei.png");  background-position: -56px -80px;;
}
.foot-nav .footer-left .location {
    clear: both;
}
.foot-nav .footer-left .location::after {
    background-image: url("../../images/style.longbei.png");  background-position: -92px -80px;;
}

.menu-banner{ width: 100%; display: inline-block; float: left}
.menu-banner .img-responsive{ max-width: 100%;}

.breadcrumb-box{ width: 100%; display: inline-block;  float: left; background: #f5f5f5;}
.breadcrumb-box .breadcrumb{ margin-bottom: 0; font-size: 14px;padding: 10px 0;display: inline-block;}

.course-list{ width: 100%; display: inline-block;}

.page-content{ width: 100%; display: inline-block; float: left; padding: 3% 0;}
.page-content .container{ max-width: 70%;}
.w80{ max-width: 80%;}
.page-content .page-content-title{ text-align: center; width: 100%; display: inline-block;}
.page-content .page-content-title .h2{ margin-bottom: 15px; line-height: 25px;}
.page-content .page-content-title ul{ width: auto; display: inline-block; margin: 0 auto;}
.page-content .page-content-title ul li{ display: inline-block; margin: 0 10px; color: #666; font-size: 14px;}
.page-content .article-content{ padding-left: 15px; padding-right: 15px;}
.article-content{font-size:16px; padding: 3% 0; width: 100%; margin: 0 auto; line-height: 30px; background: #ffffff;word-break:break-all;word-wrap:break-word; display: inline-block;}
.article-content h2,.article-content h3,.article-content h4， .article-content h5{font-weight: bold; margin: 15px 0 5px 0;}
.article-content h2{font-size:18px;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:14px;}
.article-content h5{font-size:12px;}
.article-content ul{margin:0 0 16px 26px}
.article-content ol{margin:16px}
.article-content p{padding: 0; margin: 0; }
.article-content ul li{padding-left:20px;margin-bottom:10px;*list-style:disc;*padding-left:0;line-height:25px}
.article-content ol li{list-style:decimal;margin-left:28px;line-height:25px}
.article-content pre{word-break:break-all;word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content a{color:#333;text-decoration:underline}
.article-content a:hover{color:#3b8cff}
.article-content img{ max-width: 100%; margin: 15px auto;}

.sub-list{ width: auto; display: inline-block;}
.sub-list li{ display: inline-block;}
.sub-list li a{ background: #f5f5f5;border: 1px #ddd solid; padding: 10px 15px; display: inline-block;}
.sub-list li a.active{background: #e7352d; color: #fff;}

.articleListBox{ width: 100%; display: inline-block; float: left; background: #ffffff; padding: 3% 15px;}
.articleListBox .articleList{width: 100%; display: inline-block; float: left;}
.articleListBox .articleList li {border-bottom: 1px solid #f5f5f5;  margin-bottom: 25px;  padding: 0px 0 25px 0;  width: 100%; display: inline-block; float: left; }
.articleListBox .articleList li .news_two_box {  position: relative;  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;  }

.articleListBox .articleList li .news_two_img {width: 20%;  float: left; margin-right: 2%;  }
.articleListBox .articleList li .news_two_img img {  width: 100%;}
.articleListBox .articleList li .news_two_txt {  float: left;  width: 78%  }
.articleListBox .articleList li .news_two_txt .header-box a{ font-weight: bold;}
.articleListBox .articleList li .news_two_txt .header-box{ width: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.articleListBox .articleList li .news_two_txt .header-box span {color: #666; font-size: 14px; }
.articleListBox .articleList li .text{ width: 100%; float: left; font-size: 14px; line-height: 25px; color: #666;}
.artFooter{ width: 100%;  float: left;border-top: 1px #f5f5f5 solid; padding: 15px 15px;}
.artFooter a{ width: auto; float: left; color: #333; margin-bottom: 10px;}
.artFooter a:hover{color: #3b8cff;}
.artFooter a.pre{ float: left;}
.artFooter a.next{ float: right;}
.pages{ text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #e7352d; border-color: #e7352d;}
.pagination>li>a, .pagination>li>span{padding: 8px 15px;border: 1px solid #f5f5f5; color: #333;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{border-color: #f5f5f5;}

.video-content{text-align: center; padding: 3% 0 0 0;}
.video-content .article-content{ padding: 0;}
.video-content .video-box{ width: 100%;  padding: 0% 0;}
.video-content .video-box .video-js{ width: 100%; max-height: 580px; min-height: 500px;}
.video-content .video-info{ margin-bottom: 1%; text-align: left;}
.video-content .video-info .name{    font-weight: 400; font-size: 18px;}
.video-content .video-info span{ color: #999;}
.video-content .vote-box{ width: 100%;text-align: left; display: inline-block;}
.video-content .vote-box a{ display: inline-block; text-align: center;   border: 1px #e7352d solid; color: #e7352d; height: 100%; width: 100%; border-radius: 5px;}
.video-content .vote-box a .btn-vote{ background:#e7352d;  width: auto; float: left; color: #fff; margin: 0; text-align: center; padding: 3px 10px;}
.video-content .vote-box a .num{ padding: 2px 0 0px 0; width: 40%; text-align: center;display: inline-block; font-weight: 400;}
.video-content .vote-box a .btn-vote .icon{ display: inline-block;font-size: 20px; margin-right: 3px; vertical-align: middle;}
.video-content .vote-box a .btn-vote span{ display: inline-block; vertical-align: middle; font-size: 14px;}
.video-content-info{ display: inline-block; width: 100%;}

.userRegPage{ padding: 30px 0;}
.userRegPage a,.regBox .checkbox a,.loginBtnGroup a{ color:#004ea2;}
.form-control, .input-group{height: 45px;}
.loginContainer{ padding: 4% 0; background: #f5f5f5;display: inline-block; width: 100%;}
.regBox{ width: 100%;max-width: 600px; margin: 0 auto; background: #fff; padding: 5% 0;}
.regBox .regTitle{ text-align: center;}
.regBox .regTitle h1{font-size: 36px!important; text-align: center; margin-bottom: 50px}
.regBox .form-group label{ font-weight: normal;  display: inline-block; }
.regBox .form-group .radio label{ margin-right: 15px;}
.regBox .agreeReg{text-align: left}
.regBox .form-control{border: none; color: #606266; width:calc(100% - 20px);  background: #fff; outline: none; border-bottom: 1px solid #dcdfe6; border-radius: 0; box-shadow: none; font-size: 15px; }
.regBox .input-group-addon{ width: 130px; padding: 0; border: none; background: none}
.regBox .input-group{ width: 100%;}
.regBox .help-block{ font-size: 12px; color: #999999;}
.regBox .checkbox label{ display: inline-block; float: left;}
.regBox .sendVerifyBtn{    background: #004ea2;border: none;outline: none;color: #fff;padding: 8px 15px;border-radius: 5px;}
.regBox .primary{  background: #ffffff; letter-spacing: 2px; text-align: center;box-shadow: none; color:#004ea2; border-radius: 4px; outline: none; border: 1px #004ea2 solid; width: 45%; margin: 30px auto; padding: 10px 0;}
.regBox .forgetPwd{color: #aaa; display: flex; justify-content: space-between; margin-top: 30px;}
.regBox .forgetPwd .text-gray{color: #aaa;}
.loginBtnGroup{display: flex; justify-content: space-between; align-items: center}
.regBox .loginBtnGroup .primary{ margin: 20px 0 30px 0;}

.regContainer{padding: 3% 0;background: #f5f5f5;display: inline-block; width: 100%;}
.loginBox{max-width: 500px;background: #fff; padding: 5%; }
.loginBox .form-group label.inputLabel{ float: left; width: 20px;margin-top: 10px;}
.form-inline-name{ background: #f9f9f9; padding: 5% 1%; display: inline-block; width: 100%;}
.form-inline-name .parent{ margin-bottom: 15px; text-align: center; color: #666;}
.loginBox .form-group .agreeReg{ text-align: left;}
.select-box .select{ width: 25%; float: left;}

.upload-header{ width: 100%; display: inline-block;border-bottom: 2px #e7352d solid; font-size: 18px; color:#e7352d;  padding-bottom: 10px; font-weight: bold;}
.upload_tip{ margin: 20px auto; text-align: center;}
.upload_tip b{margin-bottom: 10px; font-size: 18px; display: inline-block;}
.upload-container .regBox{ max-width: 80%;}
.upload-container .regBox .text-box{ font-size: 14px;}
.upload-container .regBox .duty-box{ border: 1px #cecece solid;padding: 15px;}
.upload-container .regBox .duty-box .t{ text-align: center; font-weight: bold; font-size: 16px;margin-bottom: 25px;}
.upload-container .regBox .btn-red{ width: 30%; padding-top: 10px; padding-bottom: 10px; margin: 3% 0;}
.upload-container .regBox .help-box{ margin-top: 10%;}
.verifyImages{ cursor: pointer;}
.upload-header .right_upload{ font-weight: normal; font-size: 14px;}

.user-container .head-box,.user-content{ width: 100%; display: inline-block;}
.user-container .head-box .h2{letter-spacing: 0;font-size: 1.5em;font-weight: 700;margin-bottom: 24px; display: inline-block;}
.user-content .left,.user-content .right,.user-content .right{padding: 0; }
.user-content{ margin-bottom: 5%;}
.user-content .right{position: sticky; top: 80px}
.user-content .sticky{ position: relative; top: 0}
.user-content .left-box,.user-content .right-box{padding: 0; position: relative; margin: 0 10px;}
.user-content .box-shadow{box-shadow: 0 0 0 1px rgba(48,51,54,0.08), 0 2px 16px 0 rgba(48,51,54,0.08); background: #fff; }
.edit-password{ background: #fff;display: inline-block;width: 100%;padding: 10% 8%;}
.edit-password .form,.person-detail .form{ width: 100%;padding: 0px; }
.edit-password .title-box{font-size: 22px;line-height: 28px;color: #333;font-weight: 600; margin-bottom: 15px;}
.edit-password .btn-red,.person-detail .btn-red{ border-radius: 0; padding-top:10px; padding-bottom: 10px; width: 100%;}
.person-detail{ width: 100%; display: inline-block;}
.person-detail .form{padding: 5% 8%;}
.person-detail .btn-red{ width: 50%; float: none;}
.login-form .form label{text-transform: uppercase;font-size: .725em;font-weight: 600;letter-spacing: .5px;margin: 0 0 .75em;color: #545174;}
.login-form .form label.notUppercase{text-transform: none}
.login-form .form .form-control{box-sizing: border-box;font-size: 1em;margin: 0;border: 1px solid #dcdae2; height: auto;
    outline: 0;box-shadow: none;background-color: #fff;color: #545174; padding: .625em 1em;}
.login-form .form .verifyImages{ width: 140px;cursor: pointer; margin:0 auto; }
.login-form .form .input-group-addon{ padding: 0;}
.login-form .password{ position: relative;}
.person-detail{ width: 100%; display: inline-block;}
.person-detail .form{padding: 5% 8%;}
.person-detail .form-inline-name{ background: none; padding: 0;}
.person-detail .form-inline-name .form-group{ width: 48%; float: left;}
.person-detail .form-inline-name .form-group:first-child {margin-right: 4%;}
.head-portrait{ width: 100%; display: inline-block;}
.head-portrait .upload_tip{ width: 50%; float: left; margin-left: 5%; display: flex; align-items: flex-start;justify-content: center; flex-direction: column;}
.head-portrait .upload_tip .btn-group{ margin-top: 15px;}
.head-portrait .upload_tip .desc{ font-size: 14px; color: #666; margin-top: 5px;}


.otherLogin{ width: 100%; display: inline-block; font-size: 14px;}
.otherLogin label{ font-weight: normal; margin-right: 10px;}
.otherLogin a{ color: #38a0f4; margin: 0 5px;}


.course-list{ width: 100%; display: inline-block;}
.course-list ul.row{margin-right: -7px;margin-left: -7px;}
.course-list li{position: relative; display: inline-block; margin-bottom: 15px;padding-left: 7px; padding-right: 7px;}
.course-list li .a,.course-list li a{ display: inline-block; width: 100%;}
.course-list li a.teacher{ color: #999; width: auto;}
.course-list li .img-box{border-radius: 5px;overflow: hidden;height: 125px; background-size: cover; position: relative; display: inline-block; max-height: 180px; width: 100%;}
.course-list li .title{ color: #333; line-height: 25px; height: 25px; overflow: hidden; font-size: 16px; margin-top: 5px;}
.course-list li a:hover .title{ color: #e60012;}
.course-list li .desc{color: #999;margin: 5px 0; float: left; font-size: 14px; width: 100%; display: inline-block;line-height: 20px;height: 40px;overflow: hidden;}
.course-list li .tag-list{ width: 100%; font-size: 14px;height: 25px; line-height: 25px; overflow: hidden; margin-top: 15px; display: flex; align-items: center; justify-content: space-between;}
.course-list li .tag-list .lear-num{ color: #aaa;}
.course-list li .tag-list .lear-price{ color:#e60012;font-size: 16px;}
.course-list li .tag-list p{margin: 0;}
.course-list li .top-tag{position: absolute; left: 0; top: 0; background: #004ea2; color: #fff; font-size: 14px; padding:3px 5px;}


.team-container{background: #f5f5f5}
.team-container .qiYesContent ul{display: inline-block; width: 100%; display: inline-block;}
.team-container .qiYesContent ul li{ float: left;padding: 0; margin: 0;}
.team-container .qiYesContent ul li a{ height: 250px;float: left; width: 100%; display: inline-block; overflow: hidden; position: relative; background-size: cover;}
.team-container .qiYesContent li .text{width: 100%; display: none; height: 100%; float: left; position: absolute; left: 0; bottom: 0; background: rgba(230,0,18, .8); color: #ffffff; text-align: center; }
.team-container .qiYesContent li .text h3{ text-align: center; margin:10% 0 10px 0; font-size: 22px;}
.team-container .qiYesContent li .text .title{ text-align: center; font-size: 14px;}
.team-container .qiYesContent li .text .desc{ padding: 0 5%; word-break: break-all; font-size: 14px; text-align: left; line-height: 20px; height: 40px; overflow: hidden;}
.team-container .qiYesContent li .text a{ color: #ffffff; border: 1px #ffffff solid; height: auto; font-size: 14px; float: none; width: auto; padding: 5px 25px; margin: 5% 0 0 0; display: inline-block;}
.team-container .qiYesContent li:hover .text{ display: inline-block;}
.line-container{ height: 2px; background: #f5f5f5; width: 100%; display: inline-block;}

.page-classroom-banner {box-sizing: border-box;}
.page-banner {background-repeat: no-repeat;background-position: 50%;background-size: cover; width: 100%; display: inline-block; color: #fff;overflow: hidden;}
.page-banner .container{ padding: 5% 0;}
.page-banner .title-en,
.page-banner .title-cn {text-align: center;line-height: 1.3;opacity: 0;}
.page-banner .title-en {font-size: 50px;text-transform: uppercase;}
.page-banner .title-cn {font-size: 44px;}
.page-banner.show .title-en,
.page-banner.show .title-cn {opacity: 1;}
.img-banner{ width: 100%;}
.img-banner img{ width: 100%; display: inline-block; object-fit: cover;}

.left-title-box{ width: 100%; display: inline-block; padding-bottom: 5px; margin-bottom: 2%;}
.guide-box{ width: 100%; display: inline-block;    border: 1px #efefef solid;padding: 15px;border-bottom: none;border-radius: 5px 5px 0px 0px;}
.guide-box dl{ width: 100%; display: inline-block; margin-bottom: 0px;}
.guide-box dl dt{ float: left; font-weight: normal; font-size: 14px; color: #999; width: 6%;}
.guide-box dl dd{  float: left; font-size: 14px; margin-bottom: 10px;}
.guide-box dl a{ display: inline-block; padding: 0 12px; color: #666;}
.guide-box dl a.active,.guide-box dl a:hover{ color: #fff; background: #e7352d; border-radius: 10px;}
.guide-box dl .item-box{ float: left; width: 94%;}
.guide-box dl .item-box .dl{ width: 100%; display: inline-block;}
.guide-box dl .item-box .dl .dt{ display: inline-block;}
.guide-box dl .item-box .dl .dd{ display: inline-block;}

.guide-box dl .city-list{background-color: #f8f8f8;border: solid 1px #f0f0f0; display: inline-block; width: 100%; padding: 15px; border-radius: 5px;}
.guide-box dl .city-list ul{ display: inline-block;}
.guide-box dl .city-list ul li{ display: inline-block;font-size: 12px;}

.course-detail{ width: 100%; display: inline-block;}
.course-detail .course-left .img-box,.course-detail .course-right .course-info{ display: inline-block; width: 100%;}
.course-detail .course-left .img-box{ max-height: 370px; overflow: hidden;text-align: center;}
.course-detail .course-left .img-box img{ max-width: 100%;}
.course-info .title-main{font-size: 22px;line-height: 1.2;    color: #333;margin-bottom: 10px;}
.course-info-tag , .course-info-tag ul{ display: inline-block; width: 100%;}
.course-info-tag ul li{ display: inline-block;color: #999;margin:10px 0px 15px 0px; font-size: 14px;}
.course-info-tag ul li:after{content: "|";padding-left: 10px; padding-right: 10px;}
.course-info-tag ul li:last-child:after{display: none;}
.course-info .teacher-info,.course-info .description{ display: inline-block; width: 100%; margin: 5px 0;}
.course-info .description{ color: #666; font-size: 14px; line-height: 25px;}
.course-info .description span.li{margin: 0 5px;}
.course-info .price-box{ font-size: 24px; width: 100%; display: inline-block; margin: 15px 0;}
.course-info .price-box .price{ color: #e60012;}
.course-info .price-box .share-box{ color: #999; font-size: 14px;}
.course-info .btn-groups{ width: 100%; display: inline-block;}
.course-info .btn-groups .btn{ padding:10px 15px; min-width: 150px; font-size: 16px;}
.course-info .btn-groups .btn-buy{background: #e60012; color: #fff; border-color: #e60012; margin-right: 10px;}
.course-info .btn-groups .help-block{ color: #999; font-size: 12px; margin-top: 10px;}

.course-content-container{background: #f5f5f5;}
.course-content,.course-recommend{ display: inline-block; background: #fff;}
.course-content{ width: 100%; padding: 15px;}
.course-content .nav-tabs{ border-color: #F6F6F6;}
.course-content .nav-tabs>li{ }
.course-content .nav-tabs>li a{ padding: 15px 30px;}
.course-content .nav-tabs>li.active>a,
.course-content .nav-tabs>li.active>a:focus,
.course-content .nav-tabs>li.active>a:hover{border: none; color: #004ea2; border-bottom: 2px #004ea2 solid; }
.course-content .tab-content{ margin-top: 15px; font-size: 14px; line-height: 25px;}

.course-mu-lu{margin-top: 20px;}
.course-mu-lu,.course-mu-lu dl{ width: 100%; display: inline-block;}
.course-mu-lu dl{ margin-bottom: 0px;}
.course-mu-lu dl dt{font-size: 16px;font-weight: 700; background: #f5f5f5; padding: 10px 0 10px 15px; width: 100%; display: inline-block;position: relative;margin-bottom: 10px;}
.course-mu-lu dl dd{ width: 100%; display: inline-block;margin: 5px 0 5px 20px; }
.course-mu-lu dl dd .icon{ margin-right: 5px;}
.course-mu-lu dl dd span{ margin-left: 10px;}

.relation-course{margin: 20px 0; display: inline-block; width: 100%;}
.relation-course .title{font-size: 18px;color: #333;height: 24px;line-height: 24px;padding-left: 10px;border-left: 4px solid #004ea2;margin-bottom: 20px;}
.relation-course .relation-course-content{ width: 100%; display: inline-block;}
.relation-course-content li{ width: 100%; display: inline-block; margin-bottom: 20px; padding: 0px;}
.relation-course-content li a{ display: inline-block; width:100%;}
.relation-course-content li a .img-box{ width: 30%; display: inline-block; float: left}
.relation-course-content li a .img-box img{ max-width: 100%;}
.relation-course-content li a .info{ width: 70%; float: left; padding-left: 15px; font-size: 14px;}
.relation-course-content li a .info .name{ width: 100%; margin-bottom: 5px; }
.relation-course-content li a .info .price-box{ color: #e60012; width: 50%; display: inline-block; float: left;}
.relation-course-content li a .info .buy{ color: #999; text-align: right; width: 50%; display: inline-block; font-size: 12px; float: right;}
.relation-course-content li a .info .buy .icon{vertical-align: unset;}

.buy-detail,.pay-detail{background: #f5f5f5; width: 100%; display: inline-block; padding-top: 1%}
.buy-detail .container,.pay-detail .container{ background: #fff;}
.buy-detail .container .title-box{ display: inline-block; padding-bottom: 2%;}
.buy-detail .container .title-box .h2{ text-align: left; font-size: 18px; font-weight: normal;}
.pay-detail .container{ max-width: 50%;}
.buy-detail .container{max-width: 60%; padding-left: 30px; padding-right: 30px;}
.order-info{ border-top: 1px #f5f5f5 solid; padding-top: 2%; margin-top: 1%; display: inline-block; width: 100%;text-align: left;}
.order-info .tit{margin-bottom: 20px;font-size: 16px;color: #000; padding-right: 15px;}
.order-info ul{ display: inline-block; text-align: right;}
.order-info ul li{ margin: 10px 0;}
.order-info ul li .lab{ margin-right: 15px; text-align: left; font-size: 15px; width: 130px; display: inline-block;}
.order-info ul li .price{ color: #e60012;}
.order-info .submit-btn{ width: 100%; display: inline-block; margin: 20px 0;}
.order-info .submit-btn .btn{ border-radius: 0; width: 150px; padding: 10px 0;}

.pay-order-detail{ padding: 0 15px; display: inline-block; width: 100%; line-height: 30px;}
.payList{ width: 100%; display: inline-block;border-top: 1px #f5f5f5 solid;padding-top: 2%;margin-top: 2%;}
.payList .cart_list{ margin-bottom: 15px;}
.payList ul{ float: left; display: inline-block;}
.payList li{ float: left; margin: 0 10px; cursor: pointer;border: 1px solid #dcdfe6;    padding: 12px 20px 12px 10px;    border-radius: 4px;}
.payList li.active,.payList li:hover{border: 1px #E21C21 solid;  color: #E21C21; }
.payList li img{ width: 124px; height: 44px;}
.cartPayList{ margin:20px 0 30px 0; display: inline-block;}
.cartPayList li{ height: 70px; display: flex; align-items: center;justify-content: center;}

.page-activity-container{ background: #f5f5f5; width: 100%; display: inline-block;}
.page-activity-lists,.page-activity-lists ul{ display: inline-block;}
.page-activity-lists ul.row{margin-left: -7.5px; margin-right: -7.5px;}
.page-activity-lists ul li{ margin-bottom: 20px; display: inline-block; padding-left: 7.5px; padding-right: 7.5px;}
.page-activity-lists ul li a{ display: inline-block; border-radius: 5px; overflow: hidden;background: #fff;}
.page-activity-lists ul li .cover{ width: 100%; display: inline-block; position: relative; max-height: 188px; overflow: hidden;}
.page-activity-lists ul li .cover img{ width: 100%;}
.page-activity-lists ul li .cover .btn-rgb{position: absolute; display: none; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
.page-activity-lists ul li .cover .btn-rgb span{ background: #fff;border-radius: 30px;font-size: 16px;padding: 5px 25px;transition: all .3s;}
.page-activity-lists ul li:hover .btn-rgb{ display: flex; align-items: center; justify-content: center;}
.page-activity-lists ul li .title{font-size: 16px;margin: 15px; box-sizing: border-box; width: 100%; overflow: hidden;}

.lang-switch{ display: inline-block; vertical-align: middle;}
.lang-switch  a.dropdown-toggle{ padding:15px 10px 15px 0px; display: inline-block; box-sizing: border-box;font-size: 14px;}
.lang-switch .dropdown-menu{min-width: 100px; margin-top: 0px;    padding: 0;border-radius: 0; border: none;}
.lang-switch .dropdown-menu a{ color: #333; font-weight: normal; padding: 10px 15px; font-size: 14px;}
.lang-switch .open a.dropdown-toggle{background: #fff;color: #333;}

.user-container{ width: 100%; margin:2% 0;}
.user-box{ width: 100%; display: inline-block;}
.user-box .left-box,.user-box .right-box{ background: #fff; width: 100%; display: inline-block;}
.user-box .left-box ul{ display: inline-block; width: 100%; padding: 5% 0;border: 1px solid #f1f1f1;}
.user-box .left-box ul li{ text-align: center; width: 100%; display: inline-block;}
.user-box .left-box ul li a{ display: inline-block; padding: 10px 15px; font-size: 15px;}
.user-box .left-box ul li.active,.user-box .left-box ul li:hover{ border-left: 3px #004ea2 solid;  background: #f1f1f1}
.user-box .left-box ul li.active a{color: #004ea2;}
.user-box .left-box ul li.divider {height: 1px;margin: 0px 0;overflow: hidden;background-color: #e5e5e5;}

.per-xinx {display: flex;background-color: #FFFFFF;padding: 20px 10px;align-items: center;}
.per-box1 {display: flex;color: #999; width: 50%; padding-left: 15px; box-sizing: border-box;}
.per-box2 {padding-left: 24px;border-left: 1px solid #ddd;color: #666; font-size: 14px;}
.per-box1-img {width: 90px;height: 90px;border-radius: 50%;border: 1px solid #efefef;overflow: hidden;margin-right: 20px;}
.per-box1-img img{ width: 90px;height: 90px;}
.per-box1-text{ font-size: 14px; width: calc(100% - 90px);}
.per-box1-p {font-size: 24px;color: #003333;margin-bottom: 0px;}
.per-box1-p2 {display: flex;justify-content: space-between;margin-bottom: 10px; flex-direction: column;}
.per-box1-p2 a,.per-box2-p2 {color: #666; margin-top: 5px; font-size: 14px;}
.per-box1-p2 .level{ display: inline-block; width: 100%;}
.per-box1-p2 .level span{display: inline-block;vertical-align: bottom;}
.per-box2-p{ margin-bottom: 10px;}
.per-box2-p3{ margin-top: 15px;}
.per-box2-p3 a{ width: 100px; display: inline-block; padding: 5px 0; text-align: center;}
.per-box2-p3 a.withdrawals{background: #e60012; color: #fff;}

.order-list,.ul-table .ul-tbody .item ul{ width: 100%; display: inline-block;}
.ul-table{ margin-top: 20px; font-size: 14px;}
.ul-table,.ul-table .ul-thead{ width: 100%; display: inline-block;}
.ul-table .ul-thead li{ display: inline-block; width: 25%; text-align: center; float: left; padding: 10px 0;}
.ul-table .ul-tbody{ padding:0 15px 15px 15px; display: inline-block; width: 100%;}
.ul-table .ul-tbody .item{ width: 100%; display: inline-block; padding:0 10px 5px 10px;}
.ul-table .ul-tbody .item .order-sn{ display: inline-block; width: 100%;background: #f5f5f5; padding: 10px 15px;}
.ul-table .ul-tbody .item .order-sn .pull-left{ margin-right: 10%;}
.ul-table .ul-tbody .item ul li{ float: left; padding: 10px 0; width: 25%; text-align: center;}
.ul-table .ul-tbody .item ul li .img-box{ float: left; width: 90px; height: 80px; overflow: hidden;}
.ul-table .ul-tbody .item ul li .img-box a{ display: inline-block;}
.ul-table .ul-tbody .item ul li .img-box img{ width: 100%;}
.ul-table .ul-tbody .item ul li .info{ float: left; margin-left: 15px;  width: calc(100% - 105px); text-align: left;}
.ul-table .ul-tbody .item ul li .info .text{color: #999; margin-top: 10px;}
.ul-table li.li-1{ width: 40%!important;}
.ul-table li.li-2{ width: 15%!important;}
.ul-table li.li-3{ width: 20%!important;}
.ul-table li.li-4{ width: 25%!important; display: flex; align-items: center;justify-content: center; flex-direction: column;}
.ul-table li.li-4 .cancel-order{ color: #999; margin-top: 5px;}

.teacher-order-list .ul-table  li.li-1{ width: 65%!important;}

.tab-nav{ width: 100%; display: inline-block; float: left; margin: 15px;}
.tab-nav a{ background: #fff; padding: 10px 15px; font-size: 15px; float: left; display: inline-block; width: auto; border-right: 1px #f5f5f5 solid;}
.tab-nav a.active{background: #E21C21; color: #fff;}
.tab-nav a span{color: #f00; display: inline-block;vertical-align: middle; margin-right: 3px;}
.tab-nav a.active span{color: #fff;}

.intro-content{ margin-bottom: 25px;}
.index-module-title .title:after {
    content: "";
    height: 4px;
    width: 60px;
    display: block;
    margin: 15px auto 0;
    background-color:#004ea2
}

.page-module-title .title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
    position: relative;
    z-index:2
}

.page-module-title .title:before {
    content: "";
    width: 10px;
    height: 32px;
    margin-right: 20px;
    display: inline-block;
    background-color: #004ea2;
    display:none
}

.page-module-title .title:after {
    content: "";
    height: 3px;
    width: 60px;
    display: block;
    margin-top: 15px;
    background-color:#004ea2
}

.page-module-title .label {
    font-size: 30px;
    color: #999;
    text-transform: uppercase;
    display:none
}
.page-about-vision {
    padding: 80px 0;
    background: url(../../images/about-bg.jpg) no-repeat 50%;
    background-size:cover
}

.page-about-vision .vision-content .vision-intro {
    margin-top: 30px;
    line-height: 2;
    font-size: 18px;
    text-align:justify
}

.page-about-vision .vision-content .vision-intro p {
    margin:1em 0 0
}

.user_upgrade{ width: 100%; display: inline-block; border-top: 15px #f5f5f5 solid; padding: 15px;}
.user_upgrade .h4{ padding:0 15px 10px 15px; display: inline-block; width: 100%; border-bottom: 1px #f5f5f5 solid;}
.user_upgrade .item-box{ width: 100%; display: inline-block; padding: 15px 0 10px 15px;}
.user_upgrade .item-box .title{ color: #000; display: inline-block;  margin-bottom: 10px;}
.user_upgrade .item-box li{ border: 1px solid #ebeef5; cursor: pointer; color: #999;padding: 5px 25px;margin-right: 5px;position: relative; display: inline-block;}
.user_upgrade .item-box li.active,.user_upgrade .item-box li:hover{border: 1px #e7352d solid;  color: #fff; background: #e7352d; }
.user_upgrade .item-box .help-block{font-size: 12px; margin: 10px 0;}
.user_upgrade .order_amount_box{ width: 100%; display: inline-block; padding: 15px;}
.user_upgrade .order_amount_box .text-red{ font-size: 18px; font-weight: bold; margin-left: 10px;}
.user_upgrade .submit-btn{margin-bottom: 5%;}
.user_upgrade .submit-btn .btn{border-radius: 0;width: 150px;padding: 10px 0;}

.tgBoxContent,.myTg{ width: 100%; display: inline-block;}
.tgBoxContent .myTg .finance{ padding: 15px; width: 100%; display: inline-block;}
.tgBoxContent .myTg .finance li{ width: 25%; display: flex; float: left; flex-direction: column; align-items: center; justify-content: center;}
.tgBoxContent .myTg  .finance-tran li{ width: 20%;}
.tgBoxContent .myTg .finance li span{ font-size: 14px; margin-bottom: 5px;}
.tgBoxContent .detail{ border-top: 15px #f5f5f5 solid; padding: 15px; width: 100%; display: inline-block;}
.tgBoxContent .detail .title{ border-bottom: 1px #f5f5f5 solid; width: 100%; display: inline-block; padding-bottom: 5px; margin-bottom: 10px;}
.tgBoxContent .detail .responsive{ width: 100%; display: inline-block;}
.tgBoxContent .detail  .table>tbody>tr>td{ padding: 15px; text-align: center; font-size: 14px;}
.tgBoxContent .alert{ border-bottom: 1px #f5f5f5 solid;}
.tgBoxContent .alert .tit{ margin-bottom: 10px;}

.search-condition-box{ width: 100%; display: inline-block; background: #f7f7f7;border: 1px solid #efefef; padding: 0px; border-radius: 0px 0 5px 5px;}
.search-condition-box .dropdown{ display: inline-block;font-size: 14px;}
.search-condition-box .dropdown .dropdown-toggle{ padding: 10px 15px; display: inline-block;color: #666;}
.search-condition-box .dropdown a:hover,.search-condition-box .open a.dropdown-toggle{background: #fff; color: #666;}
.search-condition-box .dropdown .dropdown-toggle .caret{ margin-left: 1px;}
.search-condition-box .dropdown .dropdown-menu{ border: none; border-radius: 0;}
.search-condition-box .dropdown .dropdown-menu ul{ width: 100%; display: inline-block;}
.search-condition-box .dropdown .dropdown-menu ul li{ width: 100%; display: inline-block;}
.search-condition-box .dropdown .dropdown-menu ul li a{display: inline-block;  font-weight: normal;  padding: 5px 15px;  width: 100%;  color: #333;}
.search-condition-box .dropdown .dropdown-menu ul li a:hover,
.search-condition-box .dropdown ul li a.active,
.search-condition-box .dropdown a.active{ color: #fff;background: #e7352d;}

.team-detail{ width: 100%; display: inline-block;margin-top: -50px;}
.team-detail .detail{ background: #fff; display: inline-block; width: 100%; padding:3% 15px 15px 15px; border-radius: 5px 5px 0 0;}
.team-detail .detail .img-box{ width: 100%; display: inline-block;}
.team-detail .detail .img-box img{ border-radius: 5px; width: 100%;}
.team-detail .detail{ padding-left: 15px; width: 100%; display: inline-block;box-sizing: border-box;}
.team-detail .detail .name{ width: 100%; display: inline-block; margin-bottom: 15px;}
.team-detail .detail .name .full_name{font-size: 24px;color: #333;display: inline-block;padding-right: 15px; font-weight: bold;    padding-right: 20px;}
.team-detail .detail .name .teacher_title{font-size: 14px;color: #666;}
.team-detail .detail .info{ width: 100%; display: inline-block;}
.team-detail .detail .subject{ width: 100%; display: inline-block; font-size: 14px; margin: 15px 0;}
.team-detail .detail .subject .t{ display: inline-block; float: left; margin-right: 15px;}
.team-detail .detail .subject ul{ float: left; width: auto;}
.team-detail .detail .subject ul li{ display: inline-block; float: left;}
.team-detail .detail .subject ul li a{ color: #999; padding: 0 5px;}
.team-detail .detail .subject ul li a:hover{ color: #004ea2;}
.team-detail .detail .desc{ color: #333;font-size: 16px;line-height: 25px;}
.team-detail .detail .teacher-score{ margin-top: 5%; display: inline-block;}
.team-detail .detail .teacher-score,.team-detail .detail .teacher-score  ul{ width: 100%; display: inline-block;}
.team-detail .detail .teacher-score ul li{  float: left;font-size: 14px; border-right: 1px solid #e2e2e2; margin-right: 20px; padding-right: 20px;}
.team-detail .detail .teacher-score ul li:last-child{border-right: none;}
.team-detail .detail .teacher-score ul li .num{color: #e7352d; font-weight: bold; margin-bottom: 5px; text-align: center;font-size: 28px; width: 100%; display: inline-block; float: left; }
.team-detail .detail .teacher-score ul li .lab{ width: 100%; float: left;color: #999;text-align: center;}

.teacher-container{ width: 100%; display: inline-block; margin: 25px 0;}
.teacher-container .course-list{ margin-top: 25px;}
.teacher-about{width: 100%; padding-top: 25px; display: inline-block;}
.teacher-about .article-content{ padding-top: 1%; padding-bottom: 0%;}
.teacher-container .nav-tabs>li.active>a, .teacher-container .nav-tabs>li.active>a:focus, .teacher-container.nav-tabs>li.active>a:hover{background-color: #004ea2;    color: #fff;}
.user-course-list{ padding: 0 15px;}
.user-course-list .responsive .table tr td{ font-size: 15px; color: #666; padding:10px;}
.user-course-list .statistic-title{ padding: 15px 15px; width: 100%; display: inline-block; border-bottom: 1px #f5f5f5 solid; margin-bottom: 25px;}
.user-course-list .statistic-title span{ border-left: 3px #004ea2 solid; padding-left: 5px;}
.user-course-list .series-list{ width: 100%; display: inline-block; margin-bottom: 20px; font-size: 14px;}
.user-course-list .series-list .btn{ display: inline-block; margin: 0px;}
.user-course-list .total{ padding:0 15px  10px 15px; width: 100%; display: inline-block;}

.buyPackage{    border-top: 1px #f5f5f5 solid; display: inline-block; width: 100%;margin-top: 20px;}
.buy-course-reg{max-width: 100%;padding:0% 0 0 0;}
.buy-course-reg .form-group{ width: 100%; display: inline-block; margin-bottom: 5px;}
.box-module .box-content-list .lx-project li .desc{ margin-bottom: 15px; line-height: 29px;height: 87px; overflow: hidden;}
.free-apply{ border:1px #f1f1f1 solid; padding: 10px 15px 16px 15px; width: 100%; display: inline-block;box-sizing: border-box;}
.free-apply .free-title{ border-bottom: 1px #f5f5f5 solid; padding-bottom: 10px; margin-bottom: 10px; width: 100%; display: inline-block;}
.free-apply .form-box,.free-apply .submit-btn,.free-apply .submit-btn .help-block{ width: 100%; display: inline-block;}
.free-apply .form-box{ padding: 15px 0 0 0;}
.free-apply .submit-btn .btn-red{ width: 100%; padding: 10px 0; display: inline-block;}
.free-apply .submit-btn .help-block{ text-align: center; margin-top: 10px; font-size: 14px;}
.free-apply .form-group{}

.form-select{appearance:none;-moz-appearance:none;-webkit-appearance:none;color:rgba(153,153,153,1);display: block;margin: 0px auto 0;outline:none; width: 100%; border:1px solid rgba(230,230,230,1);background: url(../../images/arrow.png) no-repeat 100%;}
.free-apply .form-group .form-select{ height: 39px;}
.tit-container{ width: 100%; display: inline-block;}
.tit-container .title-left{ width: 90%; float: left;}
.tit-container .more-link{ color: #004ea2;}
.title-left{ align-items: flex-start; justify-content: left; flex-direction: row;}
.title-left .h2{ float: left; margin: 0 15px 0 0; font-size: 24px;}
.title-left .text{ margin-top: 5px; font-size: 14px;}
.case-box{ width: 100%; display: inline-block;}
.case-box ul li{margin-bottom: 30px;}
.case-box ul li .box{margin: 0;border: 1px solid #f2f2f2;border-radius: 12px;overflow: hidden;}
.case-box ul li .box .img{ overflow: hidden;padding: 15px 0; background: #f9f9f9; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px;}
.case-box ul li .box .img img{width: 100px; height: 100px;border-radius: 50%;  }
.case-box ul li:hover .box{box-shadow: 0 2px 15px 5px #ececec;}
.case-box ul li .name{ width: 100%; display: inline-block; padding: 15px 0;}
.case-box ul li .name .cn{ font-size: 16px; color: #000;text-align: center; font-weight: bold; width: 100%; margin-bottom: 5px;}
.case-box ul li .name .en{ color: #999; width: 100%; font-size: 12px;text-align: center; }
.case-box ul li .lq{ text-align: center; width: 100%; display: inline-block; font-size: 14px; padding: 10px 15px;}
.case-box ul li .lq span{ font-size: 18px; font-weight: bold; color: #e7352d;}
.case-box ul li .lx-btn{ width: 100%; display: inline-block; margin-top: 10px; text-align: center; background: #004ea2; color: #fff; padding: 10px 0;}
.case-box ul li:hover .lx-btn{background: #e7352d;}

.banner-bg{ background: url("../../xy/wei1.png") no-repeat;background-size: cover;}
.middle-form{ padding: 0% 0 0 0; display: inline-block; width: 100%;}
.middle-form .form-group{ width: 33%; float: left; padding:5px 15px;}
.middle-form .form-group .btn-red{ width: 100%; height: 45px;}

.lx-team-list{ width: 100%; display: inline-block;}
.lx-team-list ul{margin: 0 -15px 0 -15px;padding: 0;}
.lx-team-list ul li{ width: 20%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 30px;}
.lx-team-list ul li .t-bg{ width: 100%; display: inline-block; position: relative; overflow: hidden;  height: 250px;background: #f5f5f5; text-align: center;}
.lx-team-list ul li .t-bg .teacher1Bg{ max-height: 270px; height: 100%; width: 100%; margin: 0 auto; display: block;position: relative;object-fit: cover;transition: transform 0.5s;}
.lx-team-list ul li .t-info {height: 100%;left: 0;top: 0;position: absolute; width: 100%;}
.lx-team-list ul li .bg-t{width: 100%;height: 270px;top: 250px;position: absolute;transition: all 0.5s;-webkit-transition: all 0.5s;}
.lx-team-list ul li .t-info-des{ padding-top: 30px; background: rgba(0,0,0,.5);}
.lx-team-list ul li:hover .t-info-des{ transform: translateY(-270px);}
.lx-team-list ul li .t-info-des span{display: block;font-size:14px;color:#ffffff;line-height:20px;margin:10px 15px 0 15px;font-family:PingFangSC-Semibold,'PingFang SC';}
.lx-team-list ul li .name{font-size:20px;font-weight:600;color:#000001;line-height:24px;margin-top: 15px;}
.lx-team-list ul li .t-o1 {font-size:14px;font-weight:400;color:#999;line-height:20px;display: block;padding-top: 15px;height: 60px;    overflow: hidden;}
.lx-team-list ul li .t-o1 a{ width: 100%; display: inline-block;line-height: 25px; color: #666;}
.lx-team-list ul li:hover .name,.lx-team-list ul li .t-o1 a:hover{ color: #e7352d;}

.new-box{ width: 100%; display: inline-block;}
.new-box .tit{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}
.new-box .tit .name{font-size: 18px;font-weight: 600; color: #000;    line-height: 24px;}
.new-box .tit .more{ color: #999; font-size: 14px;}
.new-box .new-list{ width: 100%; display: inline-block;}
.new-box .new-list ul{margin: 0; padding: 0;width: 100%; display: inline-block;}
.new-box .new-list ul li{ width: 100%; display: inline-block;border-bottom: 1px #f1f1f1 dashed; padding-bottom: 10px;margin-bottom: 10px;}
.new-box .new-list ul li .title{color: #000;font-size: 14px; float: left;}
.new-box .new-list ul li .t{ color: #999;font-size: 12px;font-weight: 400; display: inline-block; float: right;}
.new-box .new-list ul li a:hover{ color: #e7352d;}
.new-box .new-list ul li.first{ background: #f9f9f9; padding:15px 10px;border-bottom:none; margin-bottom: 20px;}
.new-box .new-list ul li.first .img-box{ width: 170px; height: 120px; overflow: hidden; float: left;margin-right: 15px;}
.new-box .new-list ul li.first .img-box img{object-fit: cover; width: 100%;  display: inline-block;}
.new-box .new-list ul li.first .n-f-r{ float: left; width: calc(100% - 185px)}
.new-box .new-list ul li.first .title{font-weight: bold; width: 100%; font-size: 16px;}
.new-box .new-list ul li.first .t{margin: 10px 0; float: left;}
.new-box .new-list ul li.first .desc{ color: #999; font-size: 13px; line-height: 25px; width: 100%; }

.lc-bg{ background: #f5f5f5; padding: 0;}
.lc-bg .liu1 {padding: 34px 0; text-align: center;}
.lc-bg .liu1 .liu_top {padding: 0 32px;}
.lc-bg .liu1 .liu_top .ul {display: flex;margin-top: 12px; justify-content: center;}
.lc-bg .liu1 .liu_top .ul .li {margin-right: 108px;font-size: 16px;cursor: pointer;}
.lc-bg .liu1 .liu_top .ul .li:hover{color: #e7352d;}

.total_title{width:100%;text-align:center;position:relative;margin-top:40px;margin-bottom:50px;}
.total_title:before{position:absolute;content:"";background:url(../../xy/title_bg.png)center no-repeat;width:100%;text-align:center;height:100%;left:0;right:0;bottom:0px;}
.total_title h5{font-size:32px;color:#353535;font-weight:bold; text-align: center;}
.total_title span{font-size:16px;color:#b9b9b9;display:block; text-align: center;}
.total_title p{font-size:14px;color:#adadad; margin-top: 15px;}
.index_advantage{position:relative;overflow:hidden;width:100%; padding: 3% 0 0% 0; background: #f5f5f5;}
.index_advantage .advantage_box{position:relative;width:100%;margin-top: 20px;}
.index_advantage .advantage_box ul li{margin-bottom:30px;}
.index_advantage .advantage_box .advantage_list{position:relative;width:100%;display:inline-block;background:#f9f9f9;border-radius:4px; border: 1px #f1f1f1 solid;padding:30px;}
.index_advantage .advantage_box .advantage_list span.top_number{position:absolute;top:0;line-height: 30px;	left:0px;width:30px;height:30px;background:#e50012;display:inline-block;text-align:center;font-size:20px;color:#fff;z-index:99;}
.index_advantage .advantage_box .advantage_list span.top_number:after{position:absolute;content:"";width:22px;height:22px;bottom:-10px;left:4px;background:#e50012;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;}
.index_advantage .advantage_box .advantage_list .advantage_text{width:95%;float:right;margin-top:0px;}
.index_advantage .advantage_box .advantage_list .advantage_text h5{font-size:20px;color:#353535;font-weight:bold;margin-bottom: 15px;}
.index_advantage .advantage_box .advantage_list:hover .advantage_text h5{color:#e50012;}
.index_advantage .advantage_box .advantage_list .advantage_text p{font-size:14px;color:#adadad;height: 40px;line-height: 20px;}
.dynamic_content{position:absolute;width:100%;top:50px;left:0;z-index:10;}
.advantage-bg img{ max-height: 600px; overflow: hidden; object-fit: fill; width: 100%;}

.recommend-school{background: url(../../xy/advantage_bg.jpeg) no-repeat;background-size: 100% 100%;}
.recommend-school-list{ width: 100%; display: inline-block;}
.recommend-school-list a{ display: inline-block; width: 100%; background: #fff; border: 1px #f1f1f1 solid; padding: 15px;}
.recommend-school-list ul li{ margin-bottom: 30px;}
.recommend-school-list .img-box{ width: 100px; height: 100px; overflow: hidden; float: left; margin-right: 15px;}
.recommend-school-list .img-box img{ width: 100%; object-fit: cover;}
.recommend-school-list .info{ width: calc(100% - 115px);display: inline-block;}
.recommend-school-list .info .cn{color: #333;font-size: 16px;font-weight: bold;line-height: 28px; margin-bottom: 15px; width: 100%;}
.recommend-school-list .info .en{color: #999;font-size: 14px;line-height: 24px;}
.recommend-school-list a:hover .cn{ color: #e7352d;}
.sn_btn_content{ width: 100%; display: inline-block; text-align: center;}
.sn_btn_content .sn_btn{padding: 15px 60px; border-radius: 0;}

.school-container{background: #f5f5f5;}
.rL-box{ width: 100%; display: inline-block;}
.rL-box .r-box-container{ background: #fff;}

.drop-down{ width: 100%; display: inline-block; margin-bottom: 25px; background: #fff;}
.drop-down .drop-down-title{ background: #004ea2; padding: 10px 15px 10px 15px; display: inline-block; width: 100%; font-size: 16px; color: #fff; font-weight: bold;}
.drop-down .drop-down-title p{margin-bottom: 0;}
.drop-down .drop-down-ul{ margin: 0; padding: 0;}
.drop-down .drop-down-ul .drop-down-li{ border-bottom: 1px #eee dashed; width: 100%; padding: 10px 15px;}
.drop-down .drop-down-ul .drop-down-li a{ width: 100%; font-size: 14px;}
.drop-down .drop-down-ul .drop-down-li a:hover{ color: #e7352d;}
.school-guide-box{padding-top: 30px; display: inline-block;}
.school-guide-box dl{    margin-bottom: 15px;}
.school-guide-box dl dt{width: 10%;}
.school-guide-box dl .item-box{ width: 90%;}
.recommend-school-list .item{display: inline-block; width: 100%;}
.recommend-school-list .item .img-box{ width: 60px; height: 60px;}
.recommend-school-list ul li.item{ margin-bottom: 15px; border-bottom: 1px #eee dashed; }
.recommend-school-list ul li.item a{border: none}
.recommend-school-list ul li.item .info .cn{margin-bottom: 10px;}

.school-list{ width: 100%; display: inline-block;}
.school-list .total{ border-bottom: 1px #f1f1f1 solid; padding: 10px 15px; color: #999; width: 100%; display: inline-block;}
.school-list ul{ width: 100%; display: inline-block; margin-top: 25px;}
.school-list ul li{ width: 100%; display: inline-block; padding: 0 15px 25px 15px; margin-bottom: 25px; border-bottom: 1px #f5f5f5 solid;}
.school-list ul li .img-box{ width: 168px; height: 168px; background: #f5f5f5; margin-right: 15px; padding: 10px; float: left; display: flex; justify-content: center; align-items: center}
.school-list ul li .img-box img{ max-width: 100%; max-height: 100%; display: inline-block;}
.school-list ul li .info{ float: left;}
.school-list ul li .info .item{font-size: 14px;font-weight: 200;color: #999;line-height: 20px;margin-bottom: 10px;}
.school-list ul li .info .cn{font-size: 20px;font-weight: bold;color: #1a1a1a;line-height: 26px;}
.school-list ul li .info .en{ margin-bottom: 25px;}
.school-list ul li .right-detail{display: inline-block; margin-top: 8%; padding-right: 15px;}
.school-list ul li .right-detail a,.school-list ul li:hover .info .cn a{ color:#e7352d }
.team-detail .free-btn{margin-top: 25px;}
.free-btn{ width: 100%; display: inline-block;}
.free-btn .btn-blue{ padding: 10px 25px;}

.team-containers .nav-tabs>li>a{ font-size: 18px;padding: 10px 25px;}
.team-containers .nav-tabs>li.active>a, .team-containers .nav-tabs>li.active>a:focus, .team-containers.nav-tabs>li.active>a:hover{
    background: none;
    border: none;
    margin-bottom: -5px;
    border-bottom: 5px #004ea2 solid;
    color: #333;
    font-weight: bold;
}
.school-detail .detail .teacher-score ul li .num{ font-size: 18px;}
.school-detail .detail .subject{margin: 5px 0;}
.school-detail .detail .teacher-score{margin-top: 3%;}
.school-detail .detail .teacher-score ul li{margin-right: 10px;padding-right: 10px;}
.drop-down-left .drop-down-title{background: none; color: #333;border-bottom: 1px #ddd solid; font-size: 18px;}
.drop-down-left .drop-down-title span{ border-left: 5px #004ea2 solid; padding-right: 5px;}

.free-container{background: #f5f5f5;}
.free-container .free-form{ width: 80%; margin: 0 auto; padding:3% 15px; background: #fff;box-shadow:1px 10px 10px 0px rgba(0,0,0,0.2);}
.free-container .item-container{ width: 100%; display: inline-block;}
.free-container .item-container .item-title{ width: 100%; background: #004ea2; display: inline-block; padding: 10px 15px; }
.free-container .item-container .item-title .t{ float: left;color: #fff;font-size: 16px;padding-left:0px;padding-right: 10px;}
.free-container .item-container .item-title .tips{ font-size: 12px; color: #ddd; float: left; margin-top: 5px;}
.free-container .item-container .item-form{ width: 100%; display: inline-block; margin-top: 15px;}
.item-container .item-form .form-group{ width: 100%; display: inline-block; margin-bottom: 15px; font-size: 14px;}
.item-container .item-form .form-group .name{ width: 140px; color: #666;  float: left; text-align: right; padding-right: 15px;}
.item-container .item-form .form-inline,
.item-container .item-form .form-horizontal{ float: left; width: calc(100% - 155px); color: #333;}
.item-container .item-form .form-inline .radio{margin: 0 15px;display: inline-block;}
.item-container .item-form .form-inline input.form-control,
.item-container .form-inline textarea.form-control,
.item-container .item-form .form-inline select.form-control{ height: 40px; width: 50%; box-shadow: none;}
.item-container .item-form .m-top{margin-top: 10px;}
.item-container .item-form .score .form-group-item{ width:15%; float: left; margin-right: 1%; }
.item-container .item-form .score label{ color: #333; font-weight: normal;}
.item-container .item-form .area-box select.form-control{ width: 25%; float: left; margin-right: 15px;}
.item-container .item-form .btn-red{ width: 30%; padding: 10px 0;}
.item-container .item-form .form-group .help-block{ font-size: 12px;margin-bottom: 0;}
.item-container .item-form .title-hl{ background: #f5f5f5; color: #666; font-size: 14px; display: inline-block; width: 100%;margin-bottom: 10px; padding: 10px 15px;}

.br-nav-box{ padding: 1.5% 0 1.5% 0;}
.br-nav-box .br-nav{ width: 100%; margin: 0 auto; text-align: center; display: inline-block;}
.br-nav-box .br-nav ul{ width: auto; margin: 0 auto; display: inline-block;}
.br-nav-box .br-nav ul li{display: inline-block;margin: 0 10px;}
.br-nav-box .br-nav ul li a{padding: 5px 10px; border: 1px #f1f1f1 solid; border-radius: 5px; display: inline-block;}
.br-nav-box .br-nav ul li a:hover,.br-nav-box .br-nav ul li.active a{background: #004ea2; color: #fff;}

.table-ul{list-style:none;width:100%;margin:0 0 20px 0;padding:0px;border-top:#f4f4f4 1px solid; display: inline-block;}
.table-ul li{margin-left:0px;width:100%;display: flex;border-left:#f4f4f4 1px solid; align-items: center; justify-content: space-around; flex-direction: row; text-align:center;line-height:30px}
.table-ul li .item{ border-right:#f4f4f4 1px solid; padding: 0px 8px; float: left;   border-bottom:#f4f4f4 1px solid; width: 20%; display: inline-block;  }
.table-ul li.head .item{padding: 0px 0; display: flex; background: #f5f5f5; height: 60px; line-height: 25px; flex-direction: column; justify-content: center; align-items: center;}
.table-ul li.head .item .tip{ color: #666; font-size: 12px;}
.table-ul li.head .item .name{ font-weight: bold; font-size: 14px;}
.table-ul li .item .form-control{ border: none; box-shadow: none; text-align: center;}
.table-ul li.li-tips{ padding: 8px 0 8px 15px; justify-content: flex-start; font-weight: bold; }
.award-ul li .item{ width: 25%;}
.score-ul li .item{ width: 14.28%;}
.score-ul li.head .item:first-child{ height: 60px;}
.score-ul li .item:first-child{ height: 45px; display: flex; justify-content: center; align-items: center;}

@media (min-width: 1920px){
    .container {  width: 1920px;}
}
@media screen and (min-width: 1400px ) and (max-width: 1920px ){
    .container {  width:  1400px;}
}

@media screen and (min-width: 1200px ) and (max-width: 1400px ){
    .container {  width: 1200px;}
    .box-module .box-content-list .lx-project li .img-box{ height: 155px;}
}

@media screen and (min-width: 1024px) and (max-width: 1199px ){
    .condition-box .form-group{ width: 30%;float: left;}
    .headerNav .navbar-nav a{padding:11px 5px;}
    .company-box{right: 2%;}
    .free-container .free-form{width: 95%;}
    .br-nav-box .br-nav ul li{margin: 0 5px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px ) {
    .condition-box .form-group{ width: 30%;float: left;}
    .headerNav .collapse{ width: 50%}
    .headerNav .navbar-nav a{padding:11px 5px;}
    .company-box{right: -10%;}
    .pay-detail .container,.buy-detail .container{   max-width: 100%;}
    .buy-detail .container{ padding-left: 15px; padding-right: 15px;}
    .search-form .form-control{ width: 50px;}
    .user-box .left-box ul li.divider{ display: none;}
    .user-box .left-box ul li{ width: 30%;}
    .lx-team-list ul li{ width: 25%}
    .free-container .free-form{width: 100%;}
}

@media screen and (max-width: 768px){
    .w80{ max-width: 100%;}
    .logoShow{ display: inline-block;}
    .fixed{position: absolute;top: 50px;}
    .paddingTop{padding-top: 120px;}
    .headerNav .container{width: 100%; padding: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .headerNav .navbar-header{ border-bottom: 1px #f5f5f5 solid; padding: 0 15px; width: 100%; margin: 0;display: inline-block;}
    .headerNav .navbar-header .logo{ margin-top: 0px; width: 60%;}
    .headerNav .navbar-toggle{ margin-top: 10px;}
    .navbar-toggle .icon-bar{background: #333;}
    .login-box{ width: 100%; justify-content: space-between; background: #fff; text-align: left; padding: 10px 10px;}
    .login-box .not-login,.login-box .already-login{ width: auto; float: left}
    .login-box .navbar-toggle{padding: 0; margin: 0;}
    .headerNav{ height: auto;}
    .headerNav .collapse{ width: 100%;}
    .headerNav .navbar-nav{margin: 10px 0;}
    .headerNav .nav>li{ width: 33%; position: relative; float: left; text-align: left;}
    .headerNav .search-form{ width: auto;}
    .headerNav .navbar-nav a{padding: 15px 20px;}
    .home-slide .swiper-slide img{ min-height: 150px;}
    .company-box{display: none;}
    .introduction-box li{border-top: 10px solid #f5f5f5; padding-top: 20px;}
    .introduction-box li:last-child{border-bottom: 10px solid #f5f5f5;}
    .statistics-box{ border-top: none; padding: 0 0 0 3%;}
    .statistics-box .container{ max-width: 100%;}
    .footer .foot-nav ul{ text-align: left;}
    .footer .foot-nav{ width: 100%; text-align: center; padding: 0;}
    .footer .link-box dl dd{margin: 0 5px 10px 0}
    .footer .qr-code{ width: 100%; text-align: center; display: none;}
    .footer .qr-code img{ max-width: 160px;}
    .footer .link-box{ margin-bottom: 15px;}
    .footer .link-box dl dt{ float: left; margin-bottom: 5px;}
    .left-title-box{padding-top: 15px;}

    .page-content .container{ max-width: 100%;}
    .video-content .video-box .video-js{ max-height: 250px;}
    .upload-container .regBox{ max-width: 100%; padding: 0;}
    .upload-container .regBox .btn-red{ width: 100%; margin: 15px auto;}
    .regBox{padding-left: 15px; padding-right: 15px;}
    .regBox .form-group label{margin-top: 5px;}
    .loginContainer{ background: #fff;}
    .loginContainer .container{ padding: 0;}
    .jm_container{padding: 0;}
    .login-header{ position: relative;}
    .login-header .navbar-header{ width: 55%;}
    .login-header .login-box{position: absolute; right: 0; top: 5px; width: auto; background: #fff;}
    .login-header .navbar-header .logo{ float: right; margin-top: 10px;}
    .login-header .navbar-toggle{margin-top: 5px;}
    .login-header .navbar-toggle{float: left;}
    .headerNav .login-box .not-login a,.headerNav .login-box .already-login a{ font-size: 14px;}
    .page-content .page-content-title .h2{ font-size: 20px;}
    .articleListBox .articleList li .news_two_img{width: 30%;}
    .articleListBox .articleList li .news_two_img img{  min-height: 100px;}
    .articleListBox .articleList li .news_two_txt{width: 68%;}
    .articleListBox .articleList li .news_two_txt .header-box a{ width: 100%;    display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .articleListBox .articleList li .news_two_txt .header-box{align-items: flex-start;justify-content: flex-start;flex-direction: column;}
    .articleListBox .articleList li .max-line-3{-webkit-line-clamp:2;}
    .breadcrumb-box .breadcrumb{ padding-left: 15px;}
    .guide-box dl dt{ width: 20%;}
    .guide-box dl dd a{ padding: 0 5px;}
    .guide-box dl .item-box{ width: 80%;}
    .login-box .already-login{ padding-right: 10px;}
    .headerNav .navbar-nav li .dropdown-menu{position: absolute;    box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    .course-mu-lu dl dd{ margin-left: 0;}

    .pay-detail .container,.buy-detail .container{ max-width: 100%;}
    .buy-detail .container{ padding-left: 15px; padding-right: 15px;}
    .lang-switch  a.dropdown-toggle{ padding:5px 10px 5px 0px;}
    .regContainer,.loginContainer{ padding-top: 50px;}
    .payList li{ margin: 0 5px; height: auto;  padding: 12px 5px 12px 5px;}
    .payList li img{ width: 67px; height: auto;}
    .mobile-container,.mobile-container .col-xs-12{padding: 0;}
    .user-box .left-box ul li.divider{ display: none;}
    .user-box .left-box ul li{ width: 30%;}
    .navbar-collapse.in{overflow-y: inherit;}
    .title-box .text{max-width: 90%;}
    .box-module .box-content-list li .img-box{ height: 220px;}
    .team-container .qiYesContent li .text h3{font-size: 16px; margin: 15px 0 10px 0;font-weight: normal;}
    .team-container .qiYesContent li .text p{ font-size: 12px;}
    .team-container .qiYesContent ul li a{ height: 150px;}
    .team-container .qiYesContent li .text .desc{ display: none;}
    .page-banner .container{ padding: 10% 0;}
    .page-banner .title-en {font-size: 25px;}
    .page-banner .title-cn {font-size: 22px;}
    .box-module .team-box li .img-box{ height: 150px;}
    .box-module .team-box li{ padding-left: 7px; padding-right: 7px;}
    .box-module .team-box li .btn-box{ width: 80%; height: 30px; line-height: 30px;}
    .course-list li .img-box{ height: 120px;}
    .team-detail .detail{ padding: 0;}
    .team-detail .detail .col-xs-12{padding: 0;}
    .team-detail .detail .info{ margin-top: 25px;}
    .course-info .title-main{ margin-top: 25px;}
    .course-info-tag ul li{margin: 0px 0px 10px 0px;}
    .course-info .btn-groups .btn-buy{ width: 100%;}
    .course-content-container .container{padding: 0;}
    .course-recommend{ padding: 0;}
    .relation-course{padding: 15px 30px; border-top: 15px #f5f5f5 solid;}

    .order-info .submit-btn .btn{ width: 100%;}
    .search-condition-box .dropdown .dropdown-toggle{padding: 10px 10px;}
    .user-box .left-box ul{border-bottom: 15px #f5f5f5 solid;}
    .per-xinx{ flex-direction: column;align-items: flex-start;border-bottom: 15px #f5f5f5 solid;}
    .per-box1,.per-box2{ width: 100%; border-left: none;}
    .per-box2{ margin-top: 15px;border-top: 1px #f5f5f5 solid;  padding-top: 25px;}
    .per-box2 .per-box2-p{float: left; margin-right: 15px;}
    .per-box2 .per-box2-p2{ width: 100%; display: inline-block; margin: 0;}
    .per-box2-p3 a{ width: 45%;}

    .ul-table .ul-thead{ display: none;}
    .ul-table .ul-tbody{padding: 0 0px 0px 0px}
    .ul-table .ul-tbody .item .order-sn .time{display: none;}
    .ul-table .ul-tbody .item .order-sn .teacher{text-align: center; float: right!important;}
    .ul-table li.li-1{ width: 85%!important;}
    .ul-table li.li-2{ width: 15%!important;}
    .ul-table li.li-3{ width: 50%!important;}
    .ul-table li.li-4{ width: 50%!important;  flex-direction: row;}
    .ul-table li.li-4 .cancel-order{ margin-left: 15px;}
    .ul-table .ul-tbody .item ul li .img-box{ height: auto;}
    .user_upgrade .item-box li{    padding: 5px 20px;}
    .user_upgrade .submit-btn .btn{ width: 100%;}
    .otherLogin a{vertical-align: middle;}
    .box-module .box-content-list li .max-line-2{ height: auto; max-height: 50px;}
    .box-module .team-box li .max-line-2{ height: 50px;}
    .footer{padding-top: 8%;}
    .buy-course-reg{padding: 0;}
    .buyPackage{ margin-top: 0;}
    .buy-course-reg .radio{ margin-top: 0;}
    .buy-course-reg .col-sm-3,.buy-course-reg .col-sm-9{padding-left: 0; padding-right: 0;}
    .user_upgrade .item-box,.user_upgrade .order_amount_box{padding-left: 0}
    .lx-team-list ul li .t-bg{ height: 180px;}
    .lx-team-list ul li .t-o1{padding-top: 5px;    height: 85px;}
    .lx-team-list ul li .t-o1 a{ font-size: 13px; line-height: 20px;}
    .lx-team-list ul li{ width: 50%;    padding-left: 7px;padding-right: 7px; margin-bottom: 15px;}
    .lx-team-list ul li .name{margin-top: 5px;}
    .new-box .new-list ul li.first .t{margin: 5px 0;}
    .new-box .new-list ul li.first .img-box{ height: 100px; width: 125px;margin-right: 10px;}
    .new-box .new-list ul li.first .n-f-r{width: calc(100% - 135px);}
    .new-box .new-list ul li.first .desc{line-height: 20px;}
    .tit-container .title-left{ width: 60%;}
    .case-box ul li{padding-right: 7px;padding-left: 7px;}
    .case-box ul li .lq{padding: 5px 15px;}
    .middle-form .form-group{ width: 50%;}
    .form-control, .input-group{    height: 35px;}
    .middle-form .form-group .btn-red{height: 35px;}
    .rL-box{margin: 0;}
    .artFooter a.next{ float: left;}
    .index_advantage .advantage_box ul li{margin-bottom: 15px;}
    .index_advantage .advantage_box .advantage_list{padding-top: 15px; padding-bottom: 15px;}
    .index_advantage .advantage_box .advantage_list .advantage_text p{ display: inline-block;}
    .mobile-banner{}
    .teams-detail .detail .teacher-score ul li{ width: 40%; padding: 0; margin-bottom: 15px; border-right: none;}
    .teams-detail .detail .subject{margin: 5px 0;}
    .free-btn .btn-blue{ width: 100%;}
    .recommend-school-list ul li{margin-bottom: 15px; padding-left: 7px; padding-right: 7px;}
    .recommend-school-list .img-box{ width: 60px; height: 60px; margin-right: 5px;}
    .recommend-school-list .info{width: calc(100% - 65px);}
    .recommend-school-list .info .cn{margin-bottom: 5px;}
    .sn_btn_content .sn_btn{padding: 10px 60px;}
    .recommend-school-list .info .en{line-height: 20px;}
    .school-guide-box dl dt{ width: 15%;}
    .school-list ul li{border-bottom: 10px #f5f5f5 solid; padding: 0 15px 15px 15px;}
    .school-list ul li .img-box{ width: 100%;}
    .school-list ul li .info{ width:100%; margin-top: 10px;}
    .school-list ul li .info .item{margin-bottom: 10px; color: #333;}
    .school-detail .detail .teacher-score ul li{ width: 30%; border-right: none;padding: 0; margin: 0 0 15px 0;}
    .school-detail .detail .teacher-score ul li:last-child{ width: 70%;}
    .team-containers .r-box{padding: 0;}
    .team-containers .nav-tabs>li>a{    padding: 10px 5px;}
    .free-container .free-form{ width: 100%;}
    .free-container .item-container .item-title .t{font-size: 18px;}
    .free-container .item-container .item-title .tips{margin-top: 5px; font-size: 13px;}
    .item-container .item-form .form-group .name{ width: 100%; padding-right: 5px; text-align: left; margin-bottom: 5px;}
    .item-container .item-form .form-inline, .item-container .item-form .form-horizontal{ width: 100%;}
    .item-container .item-form .form-inline .radio{ float: left; margin: 0 5px 8px 5px; width: 29%;}
    .item-container .item-form .form-inline input.form-control, .item-container .form-inline textarea.form-control, .item-container .item-form .form-inline select.form-control{ width: 100%;}
    .item-container .item-form .form-inline select.form-control{margin-bottom: 10px;}
    .item-container .item-form .btn-red{ width: 100%;}
    .item-container .item-form .score .form-group-item{ width: 32%; margin-bottom: 10px;}
    .item-container .item-form .form-group{margin-bottom: 15px;}
    .br-nav-box{padding-top: 3%;}
    .br-nav-box .br-nav ul{ }
    .br-nav-box .br-nav ul li{margin: 0 5px 5px 5px;  text-align: center;}
    .br-nav-box .br-nav ul li a{padding: 5px 10px; font-size: 15px;}
    .new-box .new-list ul li .title{ width: 80%;}

}